<html>
<head>
    <meta charset="UTF-8">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>@yield('title') - {{env('APP_NAME')}}</title>
    <link rel="shortcut icon" href="{{cdn('/assets/img/logo-2.png')}}" type="image/x-icon">
    <link rel="stylesheet" href="{{cdn('/assets/css/bootstrap/bootstrap.min.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/app.min.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/animate.min.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/font-awesome.min.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/pe-icon-7-stroke.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/material-design-iconic-font.min.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/scroll.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/nivo-slider.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/responsive.css')}}">
    <link rel="stylesheet" href="{{cdn('/assets/css/style.css')}}">
    @yield('css')
</head>
<body class="body font" style="overflow-x: hidden">
    @include('include.top')
    <div class="as-mainwrapper">
        <div class="header transparent">
            @yield('content')
        </div>
    </div>
    <script>
        Config = {
            'cdnDomain': '{{ cdn('/') }}',
            'token':'{{csrf_token()}}',
            'routes': {
                'upload_image' : '{{ route('upload_img') }}'
            },
        };
    </script>
    <script src="{{cdn('/assets/js/scripts.js')}}"></script>
    @yield('js')
    <script>
        $(document).ready(function () {
            $('#mainSlider').nivoSlider({
                directionNav: true,
                animSpeed: 500,
                slices: 18,
                pauseTime: 7000,
                pauseOnHover: false,
                controlNav: true,
                prevText: '<i class="zmdi zmdi-chevron-left"></i>',
                nextText: '<i class="zmdi zmdi-chevron-right"></i>'
            });
        })
    </script>
</body>
</html>